<%@ page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>

<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<fmt:setBundle basename="baiwa.rta.language.common" />

<script type="text/javascript" src="../js/controller/user/USR001.js" ></script>

<div id="container">
	<div id="content">
		<div class="warpper">
			<table class="from" cellpadding="0" cellspacing="0" border="0" style="width: 100%;">
				<tr>
					<td colspan="9" class="header2" style="border-bottom: 1px #bbb solid;"><fmt:message key="common.label.criteria" /></td>
				</tr>
			</table>
			<table class="from" cellpadding="0" cellspacing="0" border="0" style="width: 100%;">
				<tr>
					<td width="25%;" class="header">Username</td>
					<td><s:textfield id="userName" placeholder="Username" cssClass="input-default" /></td>
					<td class="header">First name</td>
					<td><s:textfield id="firstName" placeholder="First name" cssClass="input-default" /></td>
					<td class="header">Last name</td>
					<td><s:textfield id="lastName"  placeholder="Last name" cssClass="input-default" /></td>
					<td width="20%;"></td>
				</tr>
				<tr >
					<td width="25%;" class="header">Email</td>
					<td><s:textfield id="email" placeholder="Email" cssClass="input-default" /></td>
<!-- 					<td><input class="input-default" id="username" type="text"></td> -->
					<td class="header">Role</td>
<!-- 					</td><input  class="input-default" id="role" type="text" ></td> -->
					<td>
						<s:select name="role" list="comboRole"
							listKey="key" listValue="value" headerKey="" value="user.active"
							headerValue="----All----" />
					</td>
					<td class="header">Status</td>
					<td>
						<select id="active"></select>
					</td>
					<td width="20%;"></td>
				</tr>
				<tr>
					<td colspan="9" style="text-align: center;" padding: 30px;"><br>
					<button type="button" id="btnSearch" class="btn btn-default btn-info"><i class="fa fa-search"></i> Search</button>&nbsp;
					<button type="button" id="btnClear" class="btn btn-default btn-info"><i class="fa fa-refresh"></i> Clear</button>
				</tr>
			</table>

			<table class="from" cellpadding="0" cellspacing="0" border="0" style="width: 100%;">
				<tr>
					<td class="header2" style="border-bottom: 1px #bbb solid;"><fmt:message key="common.label.detail" /></td>
				</tr> 
				<tr>
					<td >
						<button type="button" class="btn btn-success" onclick="location='USR001A'"><i class="fa fa-plus"></i>&nbsp;&nbsp;New User </button>
					</td>
				</tr>
			</table>
			
<!-- 			<div style="width: 100%;"> -->
				<table id="dataTable" cellpadding="2" cellspacing="0" border="0" class="display" >
					<thead>
		                <tr>
		                    <th style="text-align: center;"></th>
		                    <th style="text-align: center;">Username</th>
		                    <th style="text-align: center;">First name</th>
		                    <th style="text-align: center;">Last name</th>
							<th style="text-align: center;">Email</th>
		                    <th style="text-align: center;">Role</th>
		                    <th style="text-align: center;">Status</th>
		                </tr>
	                </thead>
				</table>
<%-- 				${pageContext.request.userPrincipal.principal} --%>
				
<%-- 				${pageContext.request.userPrincipal.principal} --%>
				
<!-- 			</div> -->
<!-- 			<div style="width: 100%; text-align: center; padding-top: 20px;"> -->
<!-- 				<table class="from" cellpadding="0" cellspacing="0" border="0" style="width: 100%;"> -->
<!-- 					<tr> -->
<!-- 						<td align="right" ><a href="../pr/add" class="button"> Save </a>&nbsp;&nbsp;&nbsp;<a href="#" class="button"> Cancel </a></td> -->
<!-- 						<td><a href="#" class="button"> CANCEL </a></td> -->
<!-- 						<td><a href="#" class="button"  > ส่งเมลล์ขออนุมัติ </a></td> -->
<!-- 					</tr> -->
<!-- 				</table> -->
<!-- 			</div> -->
		</div>
	</div>
</div>
